<template>
    <!-- 导航栏 -->
  <van-nav-bar title="详情" left-text="返回" left-arrow @click-left="()=>{
    $router.back('/')
  }" flied/>
  <!-- 数据 -->
   <div class="sj">
    <dl>
        <dt>
            <img src="../../img/4.png" alt="" width="100px">
        </dt>
        <dd>
            <p><h2>我自己的房间</h2></p>
            <p style="color: #fff;">A Room of My Own (2022)</p>
            <p class="ys1">格鲁吉亚 / 剧情 / 2022-07-01 (卡罗维发利国际电影节) 上映/片长107分钟</p>
        </dd>
    </dl>
       <!-- 评分 -->
   <div class="pf">
        <p>豆瓣评分</p>
        <h1>6.3</h1>
    </div>
   </div>
   <img src="../../img/5.png" alt="" width="100%">
   <div class="js">
    <h1 style="color: #ccc;">剧情介绍:</h1>
    <p>
        Tina,a young woman who has lost her way in life, sdf gfdsasd fgfdsa zxcbh ytre sz xcvgh jhg fd sd fgf and young woman who has lost her way in life, sdf gfdsasd fgfdsa zxcbh ytre sz xcvgh jhg fd sd fgf an...
        <span style="color: green;">展开</span>
    </p>
   </div>
</template>

<script setup>
</script>

<style>
.sj{
    width: 100%;
    height: 350px;
    background: rgb(110, 79, 79);
}
h2{
    color: #fff;
}
.pf{
    width: 100%;
    height: 120px;
    background: #422a2a;
    margin-top: 60px;
    text-align: center;
    line-height: 40px;
}
</style>